<div class="page-sidebar navbar-collapse collapse">
    <!-- BEGIN SIDEBAR MENU -->
    <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
    <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
    <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
    <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" ng-class="{'page-sidebar-menu-closed': sysConfigs.pageSidebarClosed}">
        <li ng-repeat="item in sidebarMenu" ng-class="{'start':$first,'nav-item':!$first,'open':currentData.openid==item.id,'active':menuActive(item)}">
            <a ng-href="javascript:;" ng-click="menuClick(item)" ng-if="item.url">
                <i class="{{item.icon}}"></i>
                <span class="title" ng-bind="item.title"></span>
                <span class="arrow" ng-if="item.subMenu" ng-class="{'open':currentData.openid==item.id}"></span>
                <span class="selected" ng-if="menuActive(item)"></span>
            </a>
            <a href="javascript:;" ng-if="!item.url" ng-click="currentData.openid=item.id">
                <i class="{{item.icon}}"></i>
                <span class="title" ng-bind="item.title"></span>
                <span class="arrow" ng-if="item.subMenu" ng-class="{'open':currentData.openid==item.id}"></span>
                <span class="selected" ng-if="menuActive(item)"></span>
            </a>
            <ul class="sub-menu pd-l-35" ng-class="{'block':currentData.openid==item.id}" ng-if="item.subMenu">
                <li ng-repeat="menu in item.subMenu" ng-class="{'active':menuActive(menu)}" ng-if="!menu.hide">
                    <a href="javascript:;" ng-click="menuClick(menu)">
                        <i class="{{menu.icon}}"></i>
                        <span class="title" ng-bind="menu.title"></span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
    <!-- END SIDEBAR MENU -->
</div>